<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${title}</title>
    <link href="${server}/css/bootstrap.css" rel="stylesheet"/>
    <link href="${server}/css/main.css" rel="stylesheet"/>
    <link href="${server}/css/public.css" rel="stylesheet">
</head>
<body class="person_body_bg">
<#include "nav.ftl">
<div class="container">
    <div class="catalog row col-sm-12 col-md-11">
        <div class="my_catalog  col-md-8">
            <a href="${server}/personal" id="personal"><span class="glyphicon glyphicon-cog"></span>个人设置</a>
            <a href="${server}/uploadWork" id="uploadWork"><span class="glyphicon glyphicon-open"></span>发布作品</a>
            <a href="${server}/myWorks" id="myWorks"><span class="glyphicon  glyphicon-list"></span>我的作品</a>
            <a href="${server}/myComments" id="myComments"><span class="glyphicon glyphicon-comment"></span>我的评论</a>
            <a href="${server}/myCollections" id="myCollections"><span class="glyphicon glyphicon-star"></span>我的收藏</a>
            <a href="${server}/myRecommends" id="myRecommends"><span
                    class="glyphicon glyphicon-thumbs-up"></span>我的推荐</a>
        </div>
    </div>

    <div class="my  col-md-7">
        <div class="title">
            <label>${title}</label>
        </div>
        <div class="work-content">
            <ul>
            <#list worksList as work>
                <li>
                    <div class="work">
                        <a class="thumbnail" href="${server}/worksInfo/${work.wid}"><img src="${work.workImg}"></a></a>
                        <div class="caption">
                            <a href="#" class="work-name">${work.name}</a><br/>
                            <small class="author">作者：<a href="#">${work.author.username}</a></small>
                            <small class="other"><span
                                    class="glyphicon glyphicon-time">&nbsp;</span>${work.publicTime?string("yyyy-MM-dd HH:mm:ss")}
                            </small>
                        </div>
                    </div>
                </li>
            </#list>
            </ul>

        </div>
    </div>
    <div class="userInfo col-md-3">
        <div class="title">
            <label>个人信息</label>
        </div>
        <div class="info clear">
            <a href="#" class="userImg"><img src="${user.img}"></a>
            <a href="#" class="userName"><span>zk123</span></a>
            <div class="option clear">
                <a href="#">
                    <span class="num">0</span>
                    <span class="name">我的文章</span>
                </a>
                <span class="divi"></span>
                <a href="#">
                    <span class="num">0</span>
                    <span class="name">我的消息</span>
                </a>
                <span class="divi"></span>
                <a href="#">
                    <span class="num">0</span>
                    <span class="name">我的收藏</span>
                </a>
            </div>
            <div class="sign">
                <label>个性签名:</label>
            ${user.sign!"主人很懒，什么都没留下~"}
            </div>
            <div class="profession">
                <label>我的专业是：</label>
            <#if user.college??>
            ${user.college}&nbsp;${user.major}&nbsp;${user.classes}
            <#else >
                专业未填
            </#if>
            </div>
        </div>
    </div>
</div>
<div class="catalog row col-sm-12 col-md-11">

    <div id="footer_bg">
        <div class="footer clear">
            <div class="f1">联系我们</div>
            <div class="f2">
                <ul>
                    <li>微信公众号：abc912342642</li>
                    <li>新浪微博：郑州轻院计算机学院创业中心</li>
                    <li>Email:zzuli_cyzx@163.com</li>
                    <li>地址：计算机楼108</li>
                </ul>
            </div>
            <div class="f3">
                <img src="${server}/img/About/weixin.jpg" alt="weixin"/>
                <p>创业中心微信</p>
            </div>
            <div><img src="${server}/img/About/weibo.jpg" alt="weibo"/>
                <p>创业中心微博</p>
            </div>
        </div>
    </div>
</body>
<script src="${server}/js/jquery.min.js"></script>
<script src="${server}/js/bootstrap.min.js"></script>
<script src="${server}/js/main.js"></script>
<script>
    window.onload = function () {
        $('#${key}').addClass("active");
    }
</script>
</html>